﻿@using Online_Course.Web.Apps
@model PageList<Online_Course.Domain.Student_Course>
@{
    ViewBag.Title = "Index";
    Layout = null;
}


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>第一个 ECharts 实例</title>
    <!-- 引入 echarts.js -->
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 600px;height:400px; text-align:center;">
    </div>
    <script type="text/javascript" style="margin-top:auto">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        // 指定图表的配置项和数据
        var option = {
            legend: {},
            tooltip: {},
            dataset: {
                dimensions: ['product', '课程人数', '选课人数', '剩余可选'],
                source: [
                            { product: '标准日本语', '课程人数': 40, '选课人数': 21, '剩余可选': 19 },
                            { product: '恋爱管家', '课程人数': 50, '选课人数': 48, '剩余可选': 2 },
                            { product: 'Adobe全家桶', '课程人数': 50, '选课人数': 37, '剩余可选': 13 },
                            { product: '拖延心理学', '课程人数': 60, '选课人数': 24, '剩余可选': 36 },
                ]
            },
            xAxis: { type: 'category' },
            yAxis: {},
            // Declare several bar series, each will be mapped
            // to a column of dataset.source by default.
            series: [
                { type: 'bar' },
                { type: 'bar' },
                { type: 'bar' }
            ]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>



</body>
</html>